<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../css/reset.css" rel="stylesheet" />
<link href="../css/common.css" rel="stylesheet" />
<link href="../css/component/modelgallery.css" rel="stylesheet" />
<title>车型图片列表</title>
</head>
<body>
<div style="width:960px;margin:0 auto">
	<h3 class="title title-m"><span class="title-name"><i></i><span class="title-count">1024</span>张图片</span>
		<span class="fr">
			<ul class="title-tab">
				<li class="current"><a href="#">在售</a></li>
				<li><a href="#">即将上市</a></li>
				<li><a href="#">停产</a></li>
			</ul>
		</span></h3>
	<div class="c-mdgllry-filter">
		<div class="c-mdgllry-filter-item c-mdgllry-filter-style c-mdgllry-filter-list clearfix">
			<strong>按车型：</strong>
			<div class="all"><a href="#" class="selected">全部</a></div>
			<div class="group">
				<div class="group-year">
					<label>2013款</label>
					<ul>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#" class="selected">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
					</ul>
				</div>
				<div class="group-year">
					<label>2012款</label>
					<ul>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
						<li><a href="#">2013版科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科鲁兹科</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="c-mdgllry-filter-item c-mdgllry-filter-list clearfix">
			<div class="c-mdgllry-filter-color">
				<strong>按颜色：</strong>
				<div class="all"><a href="#">全部</a></div>
				<div class="group">
					<ul>
						<li><a href="#"><img src="../images/temp/modelcolPic01.png" />晴天蓝</a></li>
						<li><a href="#" class="selected"><img src="../images/temp/modelcolPic02.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic03.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic04.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic05.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic06.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic07.png" />晴天蓝</a></li>
						<li><a href="#"><img src="../images/temp/modelcolPic08.png" />晴天蓝</a></li>
						<li class="c-mdgllry-filter-color-more" id="ColorOther">
							<a href="#" class="handle">查看其他车型颜色<i></i></a>
							<ul class="content">
								<li><a href="#"><img src="../images/temp/modelcolPic09.png" />晴天蓝</a></li>
								<li><a href="#"><img src="../images/temp/modelcolPic10.png" />晴天蓝</a></li>
								<li><a href="#"><img src="../images/temp/modelcolPic01.png" />晴天蓝</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="c-mdgllry-filter-item c-mdgllry-filter-cat">
			<ul class="clearfix">
				<li><a href="#">全部(128)</a></li>
				<li><a href="#" class="selected">外观(89)</a></li>
				<li><a href="#">内饰(97)</a></li>
				<li><a href="#">活动(45)</a></li>
			</ul>
		</div>
	</div>
	<div class="c-mdgllry-list">
		<h3 class="title title-cat"><span class="title-name">外观<span class="title-count">(186)</span></span><span class="fr"><a href="#" class="title-viewall">查看全部</a></span></h3>
		<ul class="clearfix mb-10">
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度45度前</h4></a>
			</li>
		</ul>
		<h3 class="title title-cat"><span class="title-name">内饰<span class="title-count">(186)</span></span><span class="fr"><a href="#" class="title-viewall">查看全部</a></span></h3>
		<ul class="clearfix mb-10">
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度45度前</h4></a>
			</li>
		</ul>
		<h3 class="title title-cat"><span class="title-name">活动<span class="title-count">(186)</span></span><span class="fr"><a href="#" class="title-viewall">查看全部</a></span></h3>
		<ul class="clearfix mb-10">
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度前45度前45度前</h4></a>
			</li>
			<li>
				<a href="#"><span><img src="../images/temp/img_210x140.jpg" /></span><h4>前45度45度前</h4></a>
			</li>
		</ul>
	</div>
	<div class="mt-20 pdt-10">
	<div class="page">
		<a class="prev gary" href="">上一页</a><a href="#">1</a><a class="current" href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a class="noline" href="javascript:void(0);">......</a><a href="#">10</a><a class="next" href="">下一页</a>
	</div>
	</div>
</div>

<script src="../jslib/jquery_1_8_3.min.js"></script>
<script src="../js/component/ECar.popmenu.js"></script>
<script src="../js/modelgallery.js"></script>
</body>
</html>